body { background:url(images/bg.png); font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;}

#header { width: 100%; height: 130px; background: #3f3d3d;}

#logo a { background: url(images/notestorm.jpg) no-repeat; width:262px;; height:49px; display: block; text-indent: -99999px; float: left; margin: 40px 0 0 20px; }

#nav { float: right; margin: 30px 0 0 0;}

#nav li {  float: left; background: url(images/septop.png) center right no-repeat;}

#nav li a { width: 120px; height: 68px; display: block; text-align: center; text-indent: -99999px;}

#notes a { background: url(images/menu.png) no-repeat top center;}

#friends a { background: url(images/menu.png) no-repeat center -78px;}

#groups a { background: url(images/menu.png) no-repeat center -158px;}

#homework a { background: url(images/menu.png) no-repeat center -238px;}

#calendar a { background: url(images/menu.png) no-repeat center -320px;}

#content {}

.baruno { width: 22%; float: left; padding: 10px;}

.subcont { width: 22%;  float: left; background: url(images/bg_cont.png); padding: 10px;}

h2 { padding: 15px 10px; text-align: center; background: #cecece; color: #616161; font-weight: bold; font-size: 18px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 0 0 10px 0;}

.baruno ul, .subcont ul { background: #f4f4f4; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

.baruno ul li, .subcont ul li { padding: 0 0 0 10px; background: url(images/sep.png) top center no-repeat;}

.baruno ul li:first-child , .subcont ul li:first-child { background: none;}

.baruno ul li  a, .subcont ul li a { font-size: 16px; color: #8b8b8b; padding: 20px 10px; display: block; text-decoration: none; text-align: center;}

.subcontdos { width: 50.5%; margin: 0 0 0 5px; float: left; background: url(images/bg_cont2.png); padding: 10px;}

.nota { padding: 20px; background: #cbcbcb; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 14px; line-height: 20px; }

#nota img { margin: 0 0 20px 0;}

